<template>
  <div class="less_container">

    <div>第一个案例效果显示：</div>

    <div>
      <div class="content">
        <ul>
          <li><a href="#">这是测试文件</a></li>
          <li><a href="#">这是测试文件</a></li>
          <li><a href="#">这是测试文件</a></li>
          <li><a href="#">这是测试文件</a></li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return {
     
    }
  }
}
</script>

<style lang="less" scoped>
.less_container{
  margin-left:5px
}
.content{
  margin-top: 15px;
  ul{
    list-style: none;
  }
  li{
    height: 25px;
    line-height: 25px;
    background:url("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1605683981901&di=09c5d2450b33bc4981930ce9bfd09ec1&imgtype=0&src=http%3A%2F%2Fimg.51miz.com%2FElement%2F00%2F73%2F49%2F43%2F4875381d_E734943_7a040cae.jpg%2521%2Fquality%2F90%2Funsharp%2Ftrue%2Fcompress%2Ftrue%2Fformat%2Fjpg") no-repeat left center;
    padding-left: 5px;
    a{
      text-decoration: none;
      color:#535353;
    }
  }
}
</style>